<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/comm/header.jsp"%>
<div class="container" style="width:100%">
    <div class="panel panel-danger">
        <div class="panel-heading">
            <h3 class="panel-title" id="aaa"data-toggle="collapse" data-target=".panel-body">
                查询条件
                <span class="caret pull-right" ></span>
            </h3>
        </div>
        <div class="panel-body" style="text-align: center">
            <form class="form-inline" id="queryForm">
                <div class="form-group">
                    <label>服务名称：</label>
                    <input type="text" class="form-control" name="serviceName">
                </div>
                <div class="form-group">
                    <label>类型：</label>
                    <select  class="form-control" name="fuwuid">
                        <option value="0">不限</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>状态：</label>
                    <select  class="form-control" name="serviceId">
                        <option value="0">不限</option>
                    </select>
                </div>

                <button type="button" onclick="chaxun()" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
            </form>
        </div>
    </div>
    <strong><hr/></strong>
    <h5>服务信息列表</h5>
    <div id="toolbar">
        <button class="btn btn-success" onclick="add()"><i class="glyphicon glyphicon-plus"></i>添加</button>
        <button class="btn btn-group" onclick="xiugai()"><i class="glyphicon glyphicon-edit "></i>修改</button>
        <button class="btn btn-warning" onclick="chakan()" ><i class="glyphicon glyphicon-eye-open"></i>查看</button>
        <button class="btn btn-danger" onclick="delser()"><i class="glyphicon glyphicon-remove"></i>删除</button>
        <button class="btn btn-primary" onclick="tijiao()"><i class="glyphicon glyphicon-ok"></i>提交</button>
    </div>
    <table id="serTb"
           <%--启用ajax请求--%>
           data-toggle="table"
           data-url="/serlist"
           <%--斑马线效果--%>
           data-striped="true"
           data-height="350"
           <%--指明工具栏--%>
           data-toolbar="#toolbar"
           <%--显示分页条，客户端分页--%>
            data-pagination="true"
           <%--服务器端分页--%>
            data-side-pagination="server"
            data-page-size="4"
            data-page-list="[2,4,8]">


        <thead>
        <tr>
            <th data-field="serviceId"></th>
            <th data-checkbox="true"></th>
            <th data-field="serviceName">服务名称</th>
            <th data-field="servicetype.serviceNames" align="center">类型</th>
            <th data-field="fuwustart.fuwuleixing" align="center">状态</th>
            <th data-field="lastModifyTime" align="center">最后操作时间</th>
            <th data-field="staff.empName" align="center">操作人</th>
            <th data-field="staff.empName" align="center">待处理人</th>

        </tr>
        </thead>
    </table>
    <%--添加信息--%>
    <div id="addser">
        <form style="padding:20px 80px" method="get">
            <%--<input type="hidden" name="" value=""/>--%>
            <div class="form-group">
                <label>服务名称：</label>
                <input  type="text" class="form-control" name="serviceName">
            </div>
                <div class="form-group">
                    <label>服务类型：</label>
                    <select  class="form-control" name="serviceType">
                        <option value="0">不限</option>
                    </select>
                </div>
            <div class="form-group">
                <label>服务客户：</label>
                <select  class="form-control" name="serviceCustomer">
                    <option value="0">不限</option>
                </select>
            </div>
                <div class="form-group">
                    <label>服务状态：</label>
                    <select  class="form-control" name="status">
                        <option value="0">不限</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>最后操作时间：</label>
                    <input type="date" class="form-control" name="lastModifyTime">
                </div>
            <div class="form-group">
                <label>服务内容：</label>
                <textarea name="serviceContent" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>
            <div class="form-group">
                <label>备注信息：</label>
                <textarea name="note" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>
                <div class="form-group">
                    <label>操作人：</label>
                    <select  class="form-control" name="operateMan">
                        <option value="0">不限</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>待处理人：</label>
                    <select  class="form-control" name="processedMan">
                        <option value="0">不限</option>
                    </select>
                </div>
        </form>
    </div>
    <%--修改信息--%>
    <div id="update">
        <form style="padding:20px 80px" method="get">
            <input type="hidden" name="serviceId" value=""/>
            <div class="form-group">
                <label>服务名称：</label>
                <input   type="text" class="form-control" name="serviceName">
            </div>
            <div class="form-group">
                <label>服务客户：</label>
                <input readonly type="text" class="form-control" name="name">
            </div>
            <div class="form-group">
                <label>联系电话：</label>
                <input readonly type="text" class="form-control" name="cellphone">
            </div>

            <div class="form-group">
                <label>服务类型：</label>
                <select   class="form-control" name="serviceType">
                    <option value="0">不限</option>
                </select>
            </div>
            <div class="form-group">
                <label>服务内容：</label>
                <textarea name="serContent" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>
            <div class="form-group">
                <label>备注信息：</label>
                <textarea name="beizhu" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>

        </form>
    </div>
    <%------------------------------------------------------------------------------------------------------%>

    <%--查看详情--%>
    <div id="See">
        <form style="padding:20px 80px" method="get">
            <input type="hidden" name="devPlanId" value=""/>
            <div class="form-group">
                <label>服务名称：</label>
                <input readonly  type="text" class="form-control" name="name">
            </div>
            <div class="form-group">
                <label>服务客户：</label>
                <input readonly type="text" class="form-control" name="kehu">
            </div>
            <div class="form-group">
                <label>服务类型：</label>
                <select readonly  class="form-control" name="leixing">
                    <option value="0">不限</option>
                </select>
            </div>
            <div class="form-group">
                <label>联系电话：</label>
                <input readonly type="text" class="form-control" name="phone">
            </div>
            <div class="form-group">
                <label>服务内容：</label>
                <textarea readonly name="neirong" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>
            <div class="form-group">
                <label>备注信息：</label>
                <textarea readonly name="beizhu" id="" cols="50" rows="10" class="form-control"></textarea>
            </div>
        </form>
    </div>



<%@include file="/comm/footer.jsp"%>
    <script src="/static/scripts/sercreation.js"></script>